<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="../layui/css/layui.css"  media="all">
<link href="../css/base.css" rel="stylesheet" type="text/css" />
<link href="../css/layout.css" rel="stylesheet" type="text/css" />
<style>
	body{
		font-family: "微软雅黑";
		color:#4f4f4f;
		font-size:14px;
	}
	select{
		border-radius:3px;
		margin-left:20px;
		appearance:none;
		-moz-appearance:none;
		-webkit-appearance:none;
		background: url("../images/jiantou.png") no-repeat scroll right center transparent;
		padding-right: 14px;
		width:458px;
		height:36px;
		font-size:14px;
		line-height:36px;
		padding-left:10px;
		font-family: "微软雅黑";
		color:#4f4f4f;
  	}
  	select option{height:36px;}
  	.wrap{width:560px;margin:0 auto;margin-top:80px;}
  	.wrap div{float:right;margin-bottom:30px;}
  	.wrap div input{margin-left:20px;width: 454px;height:30px;outline:none;}
  	#select1,#select2,#select3{display:none;}
	.wrap .btn{height:30px; margin-top:15px;}
	.wrap .ext {float:right;height:30px;display:block;border-radius:3px;background:#088fef;cursor: pointer;}
	.wrap .ext i {float:left;width:14px;height:14px;margin:7px 8px 0 15px;}
	.wrap .ext span {line-height:30px;color:#fff;margin-right: 15px;}
	.wrap .ext a {height:30px;display:block;background:#088fef;border-radius:3px;}
	.wrap .ext a:hover {height:30px;display:block;background:#0b85db;border-radius:3px;}
</style>
</head>
<body>
	<div class="wrap">
		<div>
			<lable>设定方式:</lable>
			<select id="select">
		        <option selected="selected" value="1">请选择</option>
		        <option value="2">页面统一设定</option>
		        <option value="3">选择文件</option>
		    </select>
		</div>
		<div id="select1">
			<lable>账单期数:</lable><input type="text"/ >
		</div>
		<div id="select2">
			<lable>设定折扣值:</lable><input type="text"/>
		</div>
		<div class="btn" id="select3">
		  <div class="ext"><a href="../复用/保存并提交.html"><span style="padding-left: 15px;">确定</span></a></div>
		</div>
	</div>
</body>
<script>
	var iSel = document.getElementById("select");
	var iSel1 = document.getElementById("select1");
	var iSel2 = document.getElementById("select2");
	var iSel3 = document.getElementById("select3");
	iSel.onchange = function(){
		if(this.value == 2){
			iSel1.style.display = "block";
			iSel2.style.display = "block";
			iSel3.style.display = "block";
		}else if(this.value == 3){
			iSel1.style.display = "none";
			iSel2.style.display = "none";
			iSel3.style.display = "block";
		}else if(this.value == 1){
			iSel1.style.display = "none";
			iSel2.style.display = "none";
			iSel3.style.display = "none";
		};
	};
</script>
</html>
